<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no, email=no">
    <title>我的消息</title>
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <style type="text/css">
      html,body{ min-height: 100%; background-color: #333; background:url(images/background.jpg); background-repeat: no-repeat; background-position: center;background-size: cover;}
    </style>
  </head>
  <body id="app">
    <section class="myMessage font36">
      <ul class="myMessList">
        <li class="myMessItem">
          <img src="images/icon/activity.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">活动提醒</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
        <li class="myMessItem">
          <img src="images/icon/ring.png" alt="" class="myMessIcon">
          <div class="itemR">
            <div class="messTitle">
              <span class="colord2">通知</span>
              <span class="font24 colord2">8-13</span>
            </div>
            <span class="colorff messContent font30">游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航游艇盛筵 明晚盛大起航</span>
          </div>
        </li>
      </ul>
      
    </section>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript">
      $(function(){
        myJS.imgScale('.j_21','2','1');
        myJS.ImgFull('.loadImg');
        $('.nav').on('click','li',function(){
          $(this).addClass('on').siblings().removeClass('on');
          $('.activityList').eq($(this).index()).show().siblings().hide();
        })
      })
      
    </script>
  </body>
</html>
